@charset "utf-8";
body { padding: 0; margin: 0; font-family: "微软雅黑"; font-size: 14px; color: #000000; line-height: 26px; background: #FFFFFF; text-align: justify; }
img { border: 0; vertical-align: middle; }
a:link, a:visited, a:active { text-decoration: none; font-family: "微软雅黑"; font-size: 14px; color: #000000; }
a:hover { text-decoration: none; font-family: "微软雅黑"; font-size: 14px; color: #FF0000; }
ul, li { padding: 0; margin: 0; list-style-type: none; }
* { margin: 0; padding: 0; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.main { clear: both; overflow: hidden; width: 100%; height: auto; }
.in { width: 1200px; margin: 0 auto; overflow: hidden; clear: both; }
.clearfix{clear:both;}
.clearfix:before{display:table;content:" ";}
.clearfix:after{clear:both;content:".";display:block;height:0;clear:both;visibility:hidden;}

/* 头部样式 */
.blue{line-height: 36px;background: #224b90;width: 100%;overflow: hidden;color: #fff;}
.tb { clear: both; line-height: 110px;overflow: auto;z-index: 9;position: relative;background: #fff;}
.tb_left { float: left; width:167px; height: 110px; }
.tb_left img { width: 100%; border: 0; margin-top: 15px; }
.tb_middle { width:770px;line-height: 110px;float: left;margin-left: 100px;}
.tb_middle .nnn>li { font-size: 16px; display: inline-block; width: 14%; float: left; text-align: center; position: relative; overflow: visible;}
.nnn>li>span {    position: absolute;
    bottom: 30px;
    background: #005ba1;
    left: 39px;
    z-index: 9;
    display: none;
    width: 32px;
    height: 3px;}
.nnn>li>a { display: block; color: #272727;; font-size: 16px; text-align: center; width: 100%; }
.nnn>li:hover>a { background:#f5f5f5; color: #272727;font-weight: bold;  }
.nnn>li:hover>span{display: block;}
.nnn>li .xll { margin-left: -10px; position: absolute; top: 78px; left: 0; width: 136px;z-index: 99; display: none; line-height: 40px; }
.nnn>li .xll a { background: rgba(34, 75, 144, 0.7); width: 100%; display: block; line-height: 40px; color: #FFFFFF; }
.nnn>li .xll a:hover { background: rgba(15, 33, 84, 0.8); color: #fff; }
.nnn>li:hover .xll { display: block; }

.tb_right{color: #292929;width: 160px;float: right;text-align: left;font-size: 20px;font-weight: bold;line-height: 40px;    font-family: "JAVATEXT";}
.tb_right img{margin-top: 20px;}
/* 首页样式 */
/*banner图*/
.hiSlider li { width: 100%; }
.hiSlider li img { display: block; margin: 0 auto; width: 100%;}
#wrap { overflow: hidden; width: 100%; min-width: 300px; margin: 0 auto; background: #fefefe; }
.hiSlider { overflow: hidden; height: 280px; width: 100%; background: #eee; }
.hiSlider-item { float: left; }
.hiSlider-pages { position: absolute; z-index: 3; bottom: 0px; right: 0px; text-align: center;
 // background: rgba(0, 0, 0, 0.4);
  padding-top: 20px; height: 50px; line-height: 50px; width: 100% !important; }
.hiSlider-pages a { height: 5px; width: 32px; margin: 10px 6px; display: inline-block; overflow: hidden; text-indent: -100px; font-size: 0; border-radius: 0%; background: #fff;border-radius: 2.5px; }
.hiSlider-pages a.active { background: #77c6ed; }
/* 首页关于我们 */
.sy_gsjj{margin:80px auto;overflow: hidden;display: block;}
.sy_gsjj .sy_gsjj_left{width: 673px;height: 300px;padding: 64px 50px 0px;background: #7a7a7a;overflow: hidden;font-size: 16px;color: #fff;line-height: 34px;font-weight: lighter;float: left;}
.sy_gsjj .sy_gsjj_left .btn_more{float: right;}
.sy_gsjj_right{width: 414px;height: 275px;overflow: hidden;margin-top: 40px;float: right;}
/* 按钮 */
.btn_more{ color: #fff; font-size:16px; display: block; border: 1px #fff solid; width: 102px; line-height:40px; text-align: center;-webkit-transition: all 0.5s; transition: all 0.5s; position: relative; z-index: 99; }
.btn_more:before{ content: ''; width: 0; height:40px; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.8); z-index: -1; -webkit-transition: all 0.5s; transition: all 0.5s; font-size:16px;}
.btn_more:hover{ color: #ff0000; font-size:16px;}
.btn_more:hover:before{ width: 102px;}
/* 首页产品展示 */
.sy_title{width: 100%;text-align: center;color: #7a7a7a;line-height: 40px;margin-bottom:40px;display: block;}
.sy_title p{font-size: 36px;font-weight: bold;color:#272727;}
.sy_cpzs{height: 760px;background: url(../images/sy_cpzs_bg.png)center center no-repeat;background-size: 100% 100%;}
.sy_cpzs .sy_cpzs_01{margin-top: 70px;overflow: hidden;margin-bottom: 30px;}
.sy_cpzs .sy_cpzs_01 a{width: 380px;float: left;display: block;margin-right: 30px;height:330px;overflow: hidden;}
.sy_cpzs .sy_cpzs_01 a:nth-of-type(3){margin-right: 0px;}
.sy_cpzs .sy_cpzs_01 a img{width: 100%;-webkit-transition: all 0.5s; transition: all 0.5s;transition-timing-function: ease;}
.sy_cpzs .sy_cpzs_01 a:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.sy_cp_gd{ overflow:hidden; width:1200px; margin:0 auto;}
.sy_cp_gd a{ display:block; text-align:center; line-height:40px;}
.sy_cp_gd a img{border:#dfdfdf solid 1px;border-radius: 10px;}
.sy_cpzs .btn_more{margin:35px auto;background: #a0a0a0;border: none;color: #fff;font-size: 16px;}
.sy_cpzs .btn_more:hover{ color: #ff0000; font-size:16px;}
/* 首页质量认证*/
.sy_zlrz{padding:90px 0;}
.sy_zlrz .btn_more{margin:35px auto;border: none;color: #666666;font-size: 16px;border: #a0a0a0 1px solid;}
.btn_more:before{background:#7a7a7a;}
.sy_zlrz .btn_more:hover{ color: #fff; font-size:16px;}

/*底部*/
.footer{width:100%; background:url(../images/bottom_bg.png)center center no-repeat;background-size: 100% 100%; font-size:16px;color:#fff;overflow: hidden;}
.footer .gd_clea{width:1200px; padding:190px 0 35px;  margin:0 auto;overflow: hidden;}
.footer .gd_clea .db_left{width:428px; float:left; color:#b0d9ff;}
.footer .gd_clea .db_left .le_bott{line-height: 42px;}
.footer .gd_clea .db_left .le_bott img{float: left;width:20px;margin-right: 10px;margin-top:10px;}
.footer .gd_clea .db_right{width:772px; float:right;color:#fff; }
.footer .gd_clea .db_right .db_right_top{background: #327ab2;color: #fff;line-height: 58px;overflow: hidden;}
.footer .gd_clea .db_right .db_right_top a{display: block;width: 14%;float: left;color: #fff;font-size: 16px;}
.footer .gd_clea .db_right .db_right_top a:hover{font-weight: bold;}
.footer .gd_clea .db_right .db_right_01{margin-left: 130px;line-height: 42px;color:#b0d9ff;width: 200px;float: left;}
.footer .gd_clea .db_right .db_right_01 img{float: left;width:20px;margin-right: 10px;margin-top:10px;}
.footer .gd_clea .db_right .db_right_02{width: 210px;float: right;}
.footer .gd_clea .db_right .db_right_02 span{margin-top:25px;float: left;display: block;text-align: right;}
/*左侧点击下拉*/
.dianj{ width:100%; display:none; line-height:30px; margin-left:10px;}
.dianj .li_div{height:30px; line-height:30px;}
.dianj .li_div a{width:100%; font-size:14px; color:#000;}
/*内页*/
.ny{width:1200px; min-height:400px; clear:both; overflow:hidden; margin:40px auto;}
.ny_left{width:315px; float:left;}
.ny_left img{display: block;width: 100%;}
.ny_left_cp{border:1px #fafafa solid;box-sizing: border-box;}
.ny_left_news{padding:20px;width: 275px;background: #fafafa;font-size: 16px;color: #292929;line-height: 40px;}
.ny_left_news a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ny_left_news .dian{display: block;float: left;width: 20px;text-align: center;font-weight: bold;font-size: 20px;line-height: 36px;color: #292929;}
.ny_left_news .time{display: block;float: left;margin-right: 12px;}
.ny_right{width:852px;  float:right; min-height:756px;background: #fafafa;}
.ny_nav{ font-size:14px;line-height:40px; text-align:right;color:#989898;padding-right:20px;margin-top: 10px;}
.ny_nav a{color:#989898;font-size:14px;}
.ny_nav a:hover{color:#01569f;}
.ny_nav span{font-size:14px;color: #000;}
.ny_text{padding:0px 50px 35px; color:#292929; font-size:16px; line-height:30px;text-align: justify;}
.ny_text_title{line-height: 90px;font-size: 24px;color:#000;width: 100%;text-align: center;}
.ny_text img{max-width: 100%;overflow: hidden;}
/* 内页新闻资讯 */
.ny_xwzx ul{width: 96%;margin: 0 2% 50px;overflow: hidden;}
.ny_xwxz_01{width: 100%;overflow: hidden;}
.ny_xwzx ul a{display: block;overflow: hidden;color: #727272 ;width: 100%;clear: both;border-bottom: 1px #eeeeee solid;padding: 20px 0;}
.ny_xwzx ul a .ny_xwzx_left{float: left;}
.ny_xwzx ul a .ny_xwzx_right{float: right;}
.ny_xwzx ul a .ny_xwzx_left{width:14%;text-align: center; }
.ny_xwzx ul a .ny_xwzx_left p{font-size:58px;line-height: 60px;}
.ny_xwzx ul a .ny_xwzx_left span{font-size:19px;}
.ny_xwzx ul a .ny_xwzx_right{width: 84%;}
.ny_xwzx ul a .title{font-size: 22px;font-weight: bold;line-height: 28px;margin-bottom: 10px;}
.ny_xwzx ul a .jj{font-size:14px;line-height: 28px;display: block;width: 100%;}
.ny_xwzx ul a.ny_xwxz_01 .ny_xwzx_left{width:40%; }
.ny_xwzx ul a.ny_xwxz_01 .ny_xwzx_right{width:55%; }
.ny_xwzx ul a.ny_xwxz_01 .time{font-size: 22px;color: #ceb186;line-height: 28px;margin-top: 5px;}
.ny_xwzx ul a.ny_xwxz_01 .ny_btn_more{width: 158px;text-align: center;background: #ceb186;color: #fff;font-size: 20px;line-height: 38px;border-radius: 18.5px;margin-top: 30px;}
/* 内页产品中心 */
.ny_cplist{width:100%;}
.ny_cplist .cp_box{float:left;width:31%;margin-bottom:20px;border:1px #989898 solid;display:block;box-sizing:border-box;margin-right:2%;line-height:48px;text-align:center;background:#2683c9;color:#fff;font-size:16px;overflow:hidden;}
.ny_cplist .cp_box:nth-of-type(3n){float:right;}
.ny_cplist .cp_box img{width:100%;-webkit-transition:all 0.5s;transition:all 0.5s;transition-timing-function:ease;}
.ny_cplist .cp_box:hover{font-weight:bold;}
.ny_cplist .cp_box:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.ny_fmcplist .cp_box:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
/** 等于或大于550px正常模式 **/
.mini_logo{position: absolute;top: 10px;left: 10px;width: 45%!important;z-index:0; border: #dfdfdf solid 0px!important; border-radius: 0px!important;}
.mini_logo2{position: absolute;top:20%;left:43.5%;width:13%!important;z-index:0; border: #dfdfdf solid 0px!important; border-radius: 0px!important;}

.sxp2{position: absolute;top: 30%;left: 0%;width: 100%;border-top:none;display:block;}
.sxp2 a{width: 20%;text-align: left;float: left;font-size: 60px;color:#aaa;opacity:0.7;-webkit-transform: scale(0.8,1.2);
	-moz-transform: scale(0.8,1.2);
	-ms-transform: scale(0.8,1.2);
	-o-transform: scale(0.8,1.2);
	transform: scale(0.8,1.2);}
.sxp2 a:nth-of-type(2n){float:right;text-align: right;}

.pagination .screen-reader-text{display: none;}

@media screen and (min-width: 550px) {
.pagination {float: right;}
.pagination a, .pagination a:visited {float: left;background: #fff;margin: 0 5px 10px 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .current, .pagination .dots {background: #fff;float: left;margin: 0 5px 0 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination span.pages {}
.pagination span.current, .pagination a:hover {background: #0088cc;color: #fff;border: 1px solid #0088cc;}
.screen-reader-text, .pages  {display: none;}
}
/** 等于或小于550px用于移动设备 **/
@media screen and (max-width: 550px) {
.pagination {background: #fff;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .nav-links {min-height: 30px;position: relative;text-align: center;}
.pagination .current .screen-reader-text {position: static !important;}
.screen-reader-text {height: 1px;overflow: hidden;position: absolute !important;}
.page-numbers {display: none;line-height: 25px;padding: 5px;}
.pagination .page-numbers.current {text-transform: uppercase;}
.pagination .current {display: inline-block;}
.pagination .prev, .pagination .next {background: #0088cc;color: #fff;display: inline-block;height: 35px;line-height: 35px;overflow: hidden;padding: 2px 8px;position: absolute;border: 1px solid #0088cc;}
.pagination .next {border-radius: 0 2px 2px 0}
.pagination .prev {border-radius: 2px 0 0 2px;}
.pagination .prev a, .pagination .next a{color: #fff;line-height: 20px;padding: 0;display: inline-block;}
.pagination .prev {left: 0;}
.pagination .prev:before {left: -1px;}
.pagination .next {right: 0;}
.pagination .next:before {right: -1px;}
}

@font-face {
  font-family: JAVATEXT;
  src: url("../font/javatext.ttf");
  font-weight: normal;
  font-style: normal; }